<script type="text/javascript" src="../media/system/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="../media/system/js/jQuery.vietvang.validate.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $('#adminForm').validate({
    });
  });
</script>
<div id="jm-left" class="" >
    <div class="jm-module " id="">
       <div class="jm-module-content">
          <h3 class="jm-title">インフォメーション</h3>
          <h2 class="title_h2">◆検索</h2>
          <div class="content-message">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tbody>
                    <tr>
                        <td class="title_search" nowrap="">■&nbsp;</td>
                        <td width="170">カテゴリ情報</td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>
                            <select name="jform[CAIN]" style="width: 155px;" id="jformCAIN">
                                <option value="0" selected="selected">指定しない</option>
                                  <?php
                                    foreach($this->cain as $value){
                                  ?>
                                  <option value="<?php echo $value->CAIN_CODE; ?>"<?php if ($this->list['CAIN'] == $value->CAIN_CODE) { echo ' selected="selected"';} ?>>
                                  <?php echo $value->CAIN_NAME; ?></option>
                                  <?php
                                    }
                                  ?>                    
                            </select>
                    
                        </td>
                    </tr>
                    <tr>
                        <td class="title_search" nowrap="">■&nbsp;</td>
                        <td width="170">タイトル</td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>
                           <input type="text" id="jformTITLE" name="jform[TITLE]" value="<?php echo $this->list['TITLE'] ;?>" />
                        </td>
                    </tr>
                    
                    <tr>
                        <td class="title_search" nowrap="">■&nbsp;</td>
                        <td width="170">日付</td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>
                           <?php echo JHtml::calendar($this->list['DATE'], 'jform[DATE]', 'jformDATE');?>
                           <span name="msg_error"></span>
                        </td>
                    </tr>
                    <tr>
                    <td></td>
                    <td align="center">
                    <button id="search" type="button" onclick="Joomla.submitbutton('search')">検索</button>
                    </td>
                    </tr>
                    </tbody></table>
          </div>
            <input type="hidden" name="task" value="search"/>
            <input type="hidden" name="check" value="1"/>
          <div class="clearfix"></div>
          
       </div>
    </div>
    
 </div>
 <script>
          window.addEvent('domready', function() {Calendar.setup({
                	// Id of the input field
                	inputField: "jformDATE",
                	// Format of the input field
                	ifFormat: "%Y/%m/%d",
                	// Trigger for the calendar (button ID)
                	button: "jformDATE",
                	// Alignment (defaults to "Bl")
                	align: "Bl",
                	singleClick: true,
                	firstDay: 0
            	});
 });

  jq('#jformDATE').css({"width":"150px","height":"12px"});
</script>